﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <title>@Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="@Description"/>
    <meta name="author" content="@Properties["project-author"]"/>

    <script src="https://code.jquery.com/jquery-1.8.0.js"></script>
    <script src="https://code.jquery.com/ui/1.8.23/jquery-ui.js"></script>
    <script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/js/bootstrap.min.js"></script>
    <link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.1/css/bootstrap-combined.min.css" rel="stylesheet"/>

    <link type="text/css" rel="stylesheet" href="@Root/content/style_light.css" />
    <script type="text/javascript" src="@Root/content/tips.js"></script>
    <style>span.l { display: none }</style>
  </head>
  <body>
    <div class="container">
      <div class="masthead">
        <ul class="nav nav-pills pull-right">
          <li><a href="https://elmish.github.io">elmish</a></li>
          <li><a href="http://fable.io">fable</a></li>
          <li><a href="http://fsharp.org">fsharp.org</a></li>
        </ul>
        <h3 class="muted"><a href="@Root/index.html">@Properties["project-name"]</a></h3>
      </div>
      <hr />
      <div class="row">
        <div class="span9" id="main">
          @RenderBody()
        </div>
        <div class="span3">
          <img src="@Root/img/logo.png" alt="F# Project" style="width:150px;margin:10px" />  
          <ul class="nav nav-list" id="menu" style="margin-top: 20px;">
            <li class="nav-header">@Properties["project-name"]</li>
            <li><a href="@Properties["project-github"]">Source Code on GitHub</a></li>
            <li class="nav-header">Step by step</li>
            <li><a href="@Root/basics.html">The basics</a></li>
            <li><a href="@Root/parent-child.html">Parent-child</a></li>
            <li><a href="@Root/subscriptions.html">Subscriptions</a></li>
            <li class="nav-header">Modules</li>
            <li><a href="@Root/prelude.html">Prelude</a></li>
            <li><a href="@Root/cmd.html">Cmd</a></li>
            <li><a href="@Root/program.html">Program</a></li>
          </ul>
        </div>
      </div>
    </div>
  </body>
  </html>
